
@import "lists/index.less";
@coursebg:#FED32C;//推荐颜色
@titleFont:30rpx;       //标题字体大小
@moreFont:24rpx;            //更多按钮字体大小
@appropriatetitleFont:28rpx; //合适课程列表标题字体大小
@appropriatecontentFont:20rpx;
@greyColor:#dddddd;

.type-box{
    background-color: #fff;
    border-bottom-left-radius: 50rpx;
    border-bottom-right-radius: 50rpx;
    overflow: hidden;
}
.recommend-box{
    margin: 0 25rpx;
    margin-top: 20rpx;
    .lists-box{
        background-color: #fff;
    }
    .title-box{
        background-color: @coursebg;
        color: #fff;
        font-size: @titleFont;
        line-height: 50rpx;
        padding:20rpx 0 20rpx 20rpx;
        border-top-left-radius: 30rpx;
        border-top-right-radius: 30rpx;
        overflow: hidden;
    }
}
.swiper-box{
  .swiper{
      .item{
          .img{
              width: 100%;
              display: block;
              border-radius: 10rpx;
          }
      }
  }
}
.title-box1{
    margin:0 25rpx;
    padding: 30rpx 30rpx 10rpx 30rpx;
    display: flex;
    justify-content: space-between;
    .left{
        font-size: @titleFont;
        line-height: 30rpx;
    }
    .right{
        color: @coursebg;
        font-size:@moreFont;
        line-height: 30rpx;
    }
}

.appropriate-info{
    width: 700rpx;
    height: 700rpx;
    background-color: #fff;
    margin: 20rpx auto;
    border-radius: 40rpx;
    overflow: hidden;
    border:1rpx solid #dddddd;
    .img-box{
        width: 100%;
        height: 500rpx;
        .img{
            width: 100%;
            height: 100%;
        }
    }
    .title{
        height: 50rpx;
        line-height: 50rpx;
        width: 680rpx;
        padding-left: 20rpx;
        font-size: @appropriatetitleFont;
    }
    .content{
        width: 680rpx;
        padding-left: 20rpx;
        line-height: 40rpx;
        height: 80rpx;
        font-size: @appropriatecontentFont;
        color: @greyColor;
    }
    .label{
        width: 680rpx;
        padding-left: 20rpx;
        height: 50rpx;
        padding-bottom: 20rpx;
        line-height: 50rpx;
        color: @greyColor;
        font-size: @appropriatetitleFont;
        .left{
            height: 30rpx;
            margin-top: 5rpx;
            float: left;
        }
        .center{
            float: left;
        }
        .right{
            float: right;
            padding-right: 20rpx;
        }
    }
}